<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/html/axios.min.js"></script>
    <script src="/html/room.js"></script>
    <style>
        @import "room.css";
    </style>
</head>
<body>
   <table border="1" width="60%" cellspacing="0">
       <thead>
         <tr><th>房间地址</th><th>可容纳人数</th><th>已住人数</th><th>房间状态</th><th>房间类型</th><th>操作</th>
         </tr>
       </thead>
       <tbody id="bodyDate"></tbody>
   </table>
   <input type="button"  value="添加房间" onclick="showDiv()">
   <div class="showDiv" id="addDiv">
        <div class="contentDiv">
            房间地址：<input type="text" id="addAddress"><br>
            可容纳人数:<input type="text" id="people"><br>
            房间类型：<select id="type">
            <option value="1">男寝</option>
            <option value="2">女寝</option>
        </select><br>
            <input type="button" value="添加" onclick="add()">
        </div>
   </div><br>
   <div class="showDiv" id="findDiv">
       <div class="contentDiv">
           房间地址：<span id="spanAddress"></span><br>
           可容纳人数：<span id="spanPeople"></span><br>
           房间状态：<span id="spanStatues"></span><br>
           已住人数：<span id="spanNum"></span><br>
           房间类型：<span id="spanType"></span><br>

           <table border="1" width="50%" cellspacing="0">
               <thead>
                <tr><th>学生姓名</th><th>所在班级</th><th>联系电话</th></tr>
               </thead>
               <tbody id="findBody">

               </tbody>
           </table>
       </div>
   </div><br>

  <div>
     房间地址：<input type="text" id="findAddress"><br>
      房间状态：<select id="fRoom">
      <option>不限</option>
      <option>正常</option>
      <option>设施损坏</option>
      </select><br>
      可住房间：<select id="canRoom">
       <option>不限</option>
       <option>可住房间</option>
  </select><br>
      房间类型：<select id="fType">
          <option>不限</option>
          <option>男生宿舍</option>
          <option>女生宿舍</option>
      </select><br>
      <input type="button" value="查找" onclick="findByItem()">
  </div>
</body>
</html>